<template>
  <div>
    <div class="center-pane form">
      <div class="title-bar">
        <span class="title">
          <ri i="flag" class="title-icon"></ri>
          学习计划
        </span>
      </div>
      <el-form class="form-pane" :rules="rules" :model="plan" ref="goalForm" size="mini">
        <el-form-item label="名称" prop="title">
          <el-input v-model="plan.title"></el-input>
        </el-form-item>
        <el-form-item label="说明">
          <el-input type="textarea" :rows="4" v-model="plan.intro"></el-input>
        </el-form-item>
        <el-form-item label="资料挑选模式">
          <el-radio-group v-model="plan.method" size="mini">
            <el-radio-button label="0">随意</el-radio-button>
            <el-radio-button label="2">标签</el-radio-button>
            <el-radio-button label="3">单个</el-radio-button>
          </el-radio-group>
        </el-form-item>
        <el-form-item>
          <el-button type="primary" @click="save" size="mini">保存</el-button>
          <el-button @click="cancel" size="mini">取消</el-button>
        </el-form-item>
      </el-form>
    </div>
  </div>
</template>

<script>
import { MatKind } from "@js/constants.js";
export default {
  components: {},
  data() {
    return {
      MatKind: MatKind,
      mode: 0,
      plan: {
        title: "",
        intro: "",
        method: 0,
        cat: MatKind.Book,
        num: 1,
      },
      rules: {},
    };
  },
  methods: {
    save() {},
    cancel() {
      this.$router.go(-1);
    },
  },
};
</script>